<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html >
  <head>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>首页</title>
<meta name="keywords" content="首页" />
<meta name="description" content="首页" />
 <link rel="stylesheet" type="text/css" href="css/index.css"/>
 <link rel="stylesheet" type="text/css" href="css/normalize.css"/>
 <link rel="stylesheet"  type="text/css" href="css/layui.css">
 <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
 <script src="js/common.js" type="text/javascript" charset="utf-8"></script>

 
   <script type="text/javascript">
  $(document).ready(function(){
	  var showproduct = {
		  "boxid":"showbox",
		  "sumid":"showsum",
		  "boxw":400,//宽度,该版本中请把宽高填写成一样
		  "boxh":400,//高度,该版本中请把宽高填写成一样
		  "sumw":60,//列表每个宽度,该版本中请把宽高填写成一样
		  "sumh":60,//列表每个高度,该版本中请把宽高填写成一样
		  "sumi":7,//列表间隔
		  "sums":5,//列表显示个数
		  "sumsel":"sel",
		  "sumborder":1,//列表边框，没有边框填写0，边框在css中修改
		  "lastid":"showlast",
		  "nextid":"shownext"
		  };//参数定义	  
	 $.ljsGlasses.pcGlasses(showproduct);//方法调用，务必在加载完后执行
  });
  
  
 
</script>
</head>
<body>
<%-- <% request.getSession().setAttribute("sid", request.getParameter("sid"));  %> --%>

	<!-- 头部分开始 -->
 		<!--搜索-->
 		
		<div id="search" style="margin:15px auto">
			<a href="####" class="logo"></a>
			<a href="####" class="logogif">
				<img src="img/logo.gif" alt="" />
			</a>
			<div class="main_search">
				<div class="ng_search">
					<i class="ng-iconfont search-icon">&#xe619;</i>
					<form action="">
						<div class="search-keyword-box">
							<input value="iPhone6s最大的不同就是处处相同" id="searchKeywords" type="text" class="search-keyword" />
						</div>
						<input id="searchSubmit" type="submit" class="search-btn" value="搜索" />
						<div class="hotwords">
							<a href="####">PPTV互联网电视</a>
							<a href="####">三星note5</a>
							<a href="####">奶粉</a>
							<a href="####">烤箱</a>
							<a href="####">智能电视</a>
							<a href="####">面膜</a>
							<a href="####">奥克斯空调</a>
							<a href="####">大闸蟹</a>
							<a href="####" style="color: #FF6600;">香港莎莎</a>
							<a href="####">佳能70d</a>
						</div>
					</form>
				</div>
			</div>
			<div class="erweima">
				<a href="####" title="移动端">
					<img src="img/erweima.jpg" alt="移动端" />
				</a>
			</div>
		</div>
		<!--搜索结束-->
 		<!-- 头部分结束 -->

		<!-- 灰色导航条 -->
		<div style="width:100%;height:40px;background: #f3f3f3">
			
		</div>

 	<div class="showall">
 	
	                <!--left -->
	                <div class="showbot">
                    <div id="showbox" style="border:1px solid #ddd">
                        <img src="${param.picture}" width="400" height="400" />
                        <img src="img/${shopimfor.picture}" width="400" height="400" />
                        <img src="shopimfor.picture" width="400" height="400" />
                        <img src="shopimfor.picture" width="400" height="400" />
                        <img src="shopimfor.picture" width="400" height="400" />
                        <img src="shopimfor.picture" width1="400" height="400" />
                        
                    </div>
                    <!--展示图片盒子-->
                        <div id="showsum">
                        	<!--展示图片里边-->
                        </div>
                        <p class="showpage">
                            <a href="javascript:void(0);" id="showlast"> < </a>
                            <a href="javascript:void(0);" id="shownext"> > </a>
                        </p>
                        </div>
                        <!--conet -->
                        <div class="tb-property">
                        	<div class="tr-nobdr">
                        		<h3>${sname}</h3>
                        	</div>
                        		<div class="txt">
                        		
                        			<span class="nowprice">￥${param.smoney}</span>
                        			<div class="cumulative">
                        				<span class="number ty1">累计售出<br /><em id="add_sell_num_363">370</em></span>
                        				<span class="number tyu">累计评价<br /><em id="add_sell_num_363">25</em></span>
                        			</div>
                        		</div>
                        	<div class="txt-h">
                        		<span class="tex-o">分类</span>
                        		<ul class="glist" id="glist" data-monitor="goodsdetails_fenlei_click">
                        			<li><a title="红色36g" href="">红色36g</a></li>
                        			<li><a title="红色16g" href="">红色16g</a></li><br><br>
                        <!-- <li><a title="蓝色36g" href="">蓝色36g</a></li>
                        			<li><a title="蓝色16g" href="">红色36g</a></li> -->
                        		</ul>
                        	</div>
                        	<script>
                        	$(document).ready(function(){
                          	var t = $("#text_box");
                        	$('#min').attr('disabled',true);
                            	$("#add").click(function(){    
                               	 t.val(parseInt(t.val())+1)
                               	 if (parseInt(t.val())!=1){
                                   	 $('#min').attr('disabled',false);
                                	}
      
                           	 }) 
                            	$("#min").click(function(){
                                	t.val(parseInt(t.val())-1);
                                	if (parseInt(t.val())==1){
                                   	 $('#min').attr('disabled',true);
                                	}
      
                            	})  
                        	});
                        	</script>  
                        	<div class="gcIpt">
                        		<span class="guT">数量</span>
                        		<input id="min"  type="button" value="-" />  
                        		<input id="text_box" name="infosum" type="text" value="1"style="width:30px; text-align: center; color: #0F0F0F;"/>  
                        		<input id="add"  type="button" value="+" />
                        		<span class="Hgt">库存（99）</span>
                        	</div>
                        	<div>
                        	<!-- 	<a href="" style="color: #ff8800;font-size:15px">返回商品列表</a> -->
                        	</div>
                        	<div class="nobdr-btns">
                        		<button class="addcart hu" onclick="gotoCart()"><img src="images/shop.png" width="25" height="25"/>加入购物车</button>
                        		<a href="addr.do?sid=${param.sid}&picture=${param.picture}&sname=${param.sname}&smoney=${param.smoney}"> 
                        		<button class="addcart yh" ><img src="images/ht.png" width="25" height="25"/>
                        		立即购买
                        		</button>
                        		</a>
                        	</div>
                        	<div class="guarantee">
                        		<span>邮费：包邮&nbsp;&nbsp;支持货到付款 <a href=""><img src="images/me.png"/></a></span>
                        	</div>
                        	 <div style="height:300px;weight:1240px;">
                        	 <div style="height:30px;weight:1240px;border: 1px solid;font-size:20px;background-color:red">商品评价</div>
                        	 <form action="PingJia.do" method="post" name="showpingjia">
                        	 <div style="overflow: auto;">
                        	 <table width="100%" border="0" cellspacing="0" cellpadding="0" id="shoppingjia">
                        	 <tr>
                        	 
                        	 <td>评价详情</td> 	 
                        	 <td>评价时间</td>
                        	 <td>评价人</td>
                        	 </tr>
                        	 <c:forEach items="${showping}" var="su">
                        	 <c:forEach items="${su.getShoppingjia()}" var="sp">
                        	 <tr style="height: 20px">
                        	 
                        	 <td>${sp.pcontext}</td>
                        	 <td>${sp.ptime}</td>
                        	 <td>${su.uname}</td>
                        	 
                        	 </tr>
                        	 </c:forEach>
                        	 </c:forEach>
                        	 </table>
                        	 </div>
                        	 <div style="height:30px;weight:1240px;font-size:20px;background-color:deeppink;border:solid 1px;">发表评价</div>
                        	 <div style="height: 100px;weight:100%;">
            	            
            	            <!-- <textarea style="height: 100px;weight:100%;border:solid 1px;" name="pingjia">
            	            
            	            </textarea> -->
            	            
            	            <input type="text" name="pingjia"  placeholder="请输入评价信息" autocomplete="off" class="layui-input">
                            <button style="background-color: red;font-size: 15px">
	    	                                                 发布评价
	                        </button>
            	            
            	            
            	            </div>
                        	 
                        	 
                        	 </form>
                        	 
                        	 </div>
                        	 
                        	 
                        </div>
                        <!--right -->
                        <div class="extInfo">
            	            <div class="brand-logo">
            	             	<a href="" title="奥影汽车影音">
            	             		<img src="images/ho_03.png"/>
            	             	</a>
            	            </div>
            	            <div class="seller-pop-box">
            	            	<span class="tr">商家名称：奥影汽车影音奥影汽车影音奥影汽车影音</span>
            	            	<span class="tr">商家等级：初级店铺</span>
            	            	<span class="tr">客家电话：15012365897</span>
            	            	<span class="tr hoh">
            	            		<a title="河南郑州市航海路57号河南郑州市航海路57号" href="">所在地区：河南郑州市航海路57号河南郑州市航海路57号</a>
            	            	</span>
            	            </div>
            	            <div class="seller-phone">
            	            	<span class="pop im">
            	            		<a href="" data-name="联系卖家"><img src="images/phon.png"/>联系卖家</a>
            	            	</span>
            	            	<span class="pop in">
            	            		<a href="" data-name="咨询卖家"><img src="images/qq.png"/>咨询卖家</a>
            	            	</span>
            	            	<span class="pop in">
            	            		<a href="" data-name="进店逛逛"><img src="images/shop-line.png"/>进店逛逛</a>
            	            	</span>
            	            	<span class="pop in">
            	            		<a href="" data-name="关注店铺"><img src="images/staar.png"/>关注店铺</a>
            	            	</span>
            	            </div>
            	            <div class="jd-service">
            	            	<a href="">
            	            		<img src="images/ho_07.png"/>
            	            	</a>
            	            </div>
            	            <div class="suport-icons">
            	            	<h4>扫一扫<br />手机下单更优惠</h4>
            	            	<img src="images/ho_11.jpg"/>
            	            </div>
            	            
            	            
            	            
                        </div>
                       

                    </div>     
                               
<!-- 推荐搭配 -->                
             

</body>
</html>
